<!DOCTYPE html>
<html>
<head lang="en">
    <include file="appapi@head"/>
	<link type="text/css" rel="stylesheet" href="__STATIC__/appapi/css/family.css"/>
	<style type="text/css">
		body{
			background: #FFF;
		}

	</style>
    <title>家族主页</title>
</head>
<body class="detail">
	<div class="detai_top">
		<div class="user-list user-list-fillet">
			<ul>
				<li>
					<div class="thumb">
						<img src="{:get_upload_path($familyinfo['badge'])}">
					</div>
					<div class="info">
						<p class="info-title">{$familyinfo['name']}</p>
						<p class="info-des2">ID：{$familyinfo['id']}</p>
						<p class="info-des">家族长：{$familyinfo['userinfo']['user_nickname']}</p>
						
					</div>
					<div class="action">
					</div>
				</li>

			</ul>
		</div>
	</div>
	<div class="des">
		<div class="des_title">家族简介</div>
		<div class="des_body">{$familyinfo['briefing']}</div>
	</div>
	<div class="home_info">
		<ul>
			<li>
				<span class="home_info_t">家族抽成比例：</span>
				<span class="home_info_b">{$familyinfo['divide_family']}%</span>
			</li>
			
			<li><a href="/portal/page/index?id=18">
				<span class="home_info_t">签约说明</span>
				<span class="edit_des"></span></a>
			</li>
		</ul>
	</div>
	<div class="anchor">
		<div class="anchor_t">
			签约主播 <span>({$familyinfo['count']})</span>
		</div>
		<div class="user-list">
			<ul>
			    <volist name="list" id="v">
				<li>
					<div class="thumb">
						<img src="{$v['userinfo']['avatar']}">
					</div>
					<div class="info">
						<p class="info-title">
                            {$v['userinfo']['user_nickname']}
                            <img src="__STATIC__/appapi/images/<if condition="$v['userinfo']['sex'] eq 1">man<else/>woman</if>.png" class="sex"> 
                            <img src="{$levellist[$v['userinfo']['level']]['thumb']}" class="level">
                        </p>
						<p class="info-des2">粉丝数：{$v['userinfo']['fansnum']}</p>
					</div>
					<div class="action">
					</div>
				</li>
				</volist>
			</ul>
		</div>
	</div>
	<if condition="$familyinfo['isstatus'] neq '0' && $familyinfo['isstatus'] neq '2' ">
	
	<div class="button_default1 bottombtn sign">
		同意并签约
	</div>
	
	</if>
	<script>
		var familyid='{$familyinfo['id']}';
	</script>
	<include file="appapi@footer"/>
	<script src="__STATIC__/appapi/js/family.js"></script>
	<script>
	$(function(){
		function getlistmore(){
			$.ajax({
				url:'/appapi/Family/detail_more',
				data:{'page':page,'uid':uid},
				type:'post',
				dataType:'json',
				success:function(data){
					if(data.nums>0){
							var nums=data.nums;
							var list=data.data;
							var html='';
							for(var i=0;i<nums;i++){
								html='<li>\
										<div class="thumb">\
											<img src="'+list[i]['userinfo']['avatar']+'">\
										</div>\
										<div class="info">\
											<p class="info-title">'+list[i]['userinfo']['user_nickname']+'</p>\
											<p class="info-des"><span>粉丝数：'+list[i]['userinfo']['fansnum']+'</span></p>\
										</div>\
										<div class="action">\
										</div>\
									</li>';
							}
						
						$(".anchor .user-list ul").append(html);
					}
					
					if(data.isscroll==1){
						page++;
						isscroll=true;
					}
				}
			})
		}
		var page=2; 
		var isscroll=true; 

		$(window).scroll(function(){  
				var srollPos = $(window).scrollTop();    //滚动条距顶部距离(页面超出窗口的高度)  		
				var totalheight = parseFloat($(window).height()) + parseFloat(srollPos);  
				if(($(document).height()-50) <= totalheight  && isscroll) {  
						isscroll=false;
						getlistmore()
				}  
		});  

	})
	</script>
	
</body>
</html>